@charset "GB2312";
*{word-break:break-all}
*{margin:0; padding:0}
html{overflow-x:hidden;}
body{ font-size:14px; font-family:"微软雅黑", sans-serif; line-height:26px; padding:0px; color:#484848; margin:0px auto; background:#f0f0f0}
a{color:#484848; text-decoration:none;}
a:hover{ color:#F00; text-decoration:none;}
.input,.textarea{border-top:ridge 1px #ccc;border-right:inset 1px #D8D8D8;border-bottom:inset 1px #D8D8D8;border-left:ridge 1px #ccc;font-size:14px;color:#666;padding-top:5px;padding-right:5px;padding-bottom:4px;padding-left:5px;background-color:#000}
.clear{clear:both;}
img{border:none; margin:0px; padding:0px;}
li{ list-style-type:none;}
.top_t{width:100%; border-bottom:1px #ddd solid;height:32px; line-height:32px;}
.top_t a{float:right;}
.main{margin:0px auto;width:1200px;}
#top{width:100%; background:#fff;}
.logo{margin:0px auto;width:1200px;}
/* nav */
#nav{height:50px; position:relative; z-index:2; background:#3f9d36;border-bottom:2px #feac0a solid;}
.menu{width:1200px; height:50px; line-height:50px; font-weight:bold; margin:0px auto;}
.menu li{float:left; display:inline; line-height:56px; padding:0 10px;border-left:#373737;}
.menu li.first{border:0;}
.menu li a{width:117px; height:50px; overflow:hidden; display:block; text-align:center; font-size:16px; line-height:50px; letter-spacing:1px;}
.menu li a:link, .menu li a:visited, .menu li a:active{color:#fff;}
.menu li.current a, .menu li a:hover{background:#feac0a; color:#fff; font-weight:bold; text-decoration:none; line-height:55px; letter-spacing:1px;}
.menu li.current a:link, .menu li.current a:visited, .menu li.current a:active{color:#fff;}
/* banner */
.banner{ width:100%; height:500px; }
#flashBg {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; height:500px; CLEAR: both; OVERFLOW: hidden; PADDING-TOP: 0px;}
#flashLine {WIDTH: 100%; height:500px; CLEAR: both;}
#flash {POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; height:500px; CLEAR: both; OVERFLOW: hidden; PADDING-TOP: 0px;}
#flash A {WIDTH: 100%; DISPLAY: none; height:500px;}
.flash_bar {Z-INDEX: 1069; POSITION: relative; TEXT-ALIGN: center; MARGIN: 0px auto; WIDTH: 330px; BOTTOM: 35px; HEIGHT: 30px; OVERFLOW: hidden; PADDING-TOP: 13px !important}
.flash_bar .dq {MARGIN: 5px; WIDTH: 42px; DISPLAY: inline-block;  FLOAT: left; HEIGHT: 8px; CURSOR: pointer;   background-color:#3f9d36;}
.flash_bar .no {MARGIN: 5px; WIDTH: 42px; DISPLAY: inline-block;   FLOAT: left; HEIGHT: 8px; CURSOR: pointer; background-color:#fff; }


/* 本例子css */
		.slideBox{ width:100%; height:500px; overflow:hidden; position:relative; border:1px solid #ddd;  }
		.slideBox .hd{ height:8px; overflow:hidden; position:absolute; right:50%; bottom:10px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:8px;  width:50px; height:8px; line-height:8px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#3f9d36; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:100%; height:500px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }


/* about */
.about{padding:18px 6px 28px;width:1200px; margin:20px auto;font-size:15px; font-weight:bold;}
.about img{width:313px; float:left;margin-right:22px;}
.about p{float:left;width:750px; letter-spacing:1px;padding-top:55px; float:left;}
.about p a{color:#fff;padding:4px 12px; background:#3f9d36;margin-left:6px;}
.about p a:hover{background:#feac0a;}
.pic_01{background:url(../images/pic01.jpg) no-repeat top center; height:210px; margin-top:40px;width:100%;padding-bottom:20px;}
/* main */
#main{width:1200px; margin:26px auto 0;}
/* left */
#left{ float:left;}
.pro_list{width:278px; float:left;padding-bottom:11px; background:#fff;}
.list_tit{background:#feac0a; height:40px;margin-bottom:5px; text-align:center;}
.list_tit a{font-size:16px; line-height:44px;}
.pro_list ul{background:#fff;}
.pro_list ul li{width:100%; float:left; border-bottom:1px #ddd solid; height:38px; line-height:38px; background:url(../images/ico.jpg) no-repeat 248px center;margin-top:2px;}
.pro_list ul li a{padding-left:28px;}
.pro_list ul li:hover{background:#3f9d36;}
.pro_list ul li:hover a{color:#feac0a;}
.l_pro{border:1px #eee solid;margin-top:12px;padding:6px 12px;    background-color: #fff;}
.l_pro h2{font-size:16px; text-align:left; margin-bottom:10px; line-height:30px; padding-bottom:5px; border-bottom:#feac0a 1px solid;padding-left:12px;}
.l_pro h2 span{color:#3f9d36;float:left;width:10px;}
.l_pro li { width:100%; overflow:hidden;border-bottom:#006ebf 1px dotted; padding-bottom:7px; margin-top:5px;}
.l_pro li img{ float:left; width:82px;; height:75px; border:#ccc 1px solid;}
.l_pro span{ float:right; width:165px; color:#666}    
.l_pro span h3{ font-size:14px; color:#c00; margin-bottom:2px; font-weight:bold; margin-top:0;}
/* right */
#right{width:900px; float:right; background:#fff;}
#right h1{text-align:center;padding: 35px 0;}
#right .info {border: 1px solid #E5E5E5;  line-height: 27px;  padding: 18px 18px 18px 18px;  background-color: #f0f0f0;  color: #333;   font-size: 13px;  margin-top: 15px; }
#right .info span {font-family: 微软雅黑;padding: 3px 15px 3px 43px;display:inline-block;margin:0 5px;font-size: 14px;color: white;white-space:nowrap;background: url(../images/news_talk.png) no-repeat 10px center #ff0000;}
#right .info b{color: #ff0000;font-size:20px;}
#right table{width:90%; border-collapse:collapse;border:1px solid #666;margin:0 37px;}
#right table tr,#right table td{border:1px solid #666;}
#right table td{padding:0 5px;}
#right table th{    background-color: #3f9d36;color:#fff;}

.pro{width:900px; float:right;/*height:848px; border:1px solid #eee;*/ padding-left:10px;padding-right:10px;margin-top:-6px;}
.scroll {WIDTH: 100%; DISPLAY: inline; FLOAT: left; OVERFLOW: hidden;/*height: 846px;*/ margin: 0 15px;}
.scroll li {TEXT-ALIGN: center;  DISPLAY: inline; FLOAT: left; margin-right:18px; margin-top:5px;padding:10px 0;  margin-left:0px;width:205px;}
.scroll img {HEIGHT: 160px; DISPLAY: block; WIDTH: 200px; border:2px #3f9d36 solid;margin-bottom:4px;}
.scroll li .name{line-height:30px;width:205px;background:#3f9d36;}
.scroll li .name:hover{background:#feac0a;}
.scroll li:hover img{border:2px #feac0a solid}
.scroll li .name a{color:#FFF;text-align:center;}
.scroll li .name a:hover{color:#fff;}

.pro_tit{background:url(../images/tit01.gif) no-repeat; height:36px; line-height:36px;}
.pro_tit span{color:#fff; font-size:15px;letter-spacing:1px; width:105px; text-align:center; float:left;font-weight:600;}
.pro_tit a{float:right; padding-right:8px;}
.prolist_tit{height:32px; line-height:32px;/* background:url(../images/listbg.gif) no-repeat;*/ font-size:15px;margin:6px auto;text-align:center;border-bottom: 1px #D90000 solid;}
.related ul{padding:0 10px;margin-bottom:20px;}
.related ul li{    
    border-bottom: dashed 1px #CCCCCC;
    text-align: left;
    width: 96%;
    color: #666666;
    background: url(../images/copy.png) no-repeat 4px 12px;
    line-height: 34px;
    height: 34px;
	padding-left:24px;
	
	}


.prolist_tit a{/*padding-left:34px;*/color:#b50311;font-weight:600;}
.pro_list li{height:40px; line-height:40px; background:url(../images/ico.gif) no-repeat 16px center;border-bottom:1px #ddd solid; float:left; width:49%;overflow: hidden;}
.pro_list li a{padding-left:34px;}
.l_pro_list{margin-bottom:20px; margin-top:8px;}




.proshowimg { max-width:850px; margin:30px auto 45px; overflow:hidden;}
.proshowimg img{ width:300px; height:auto;}
.proshowimg p { text-indent: 0px; line-height:1.8em; margin:10px auto; }
.bigimg { width:300px; float: left; }
#Context .bigimg img{ margin:0;}
.bigimg img { height: auto; _height: 281px; }
.protext { width: 500px; float: right; }
.protext h1 {color: #f81618; font-size:30px; line-height:1.2em; clear: both;margin: 0 0 15px; text-align:left; overflow:hidden; }
.protext span{ color:#000;}
#Context .protext p { clear: both; margin:5px 0; padding:0; width: 100%; text-indent: 0px; line-height: 2em; color:#666;}

.telp { float: left; clear: both; width: 100%; overflow: hidden; font-family: "微软雅黑"; font-size: 14px; margin: 15px 0; color: #111; }
.proli { float: left; clear: both; width: 100%; overflow: hidden; }
.proli ul { width: 100%; margin:0px auto 0; overflow: hidden; }
.proli ul li {width:48%; text-align:center;height:3em; line-height:3em; overflow:hidden; }
.proli ul li a{color: #fff; display:block; font-size: 16px;}
.proli .nul_0 { background: #424355; float:right;width:40%;}
.proli .nul {background: #f81618;float:left;width:40%;}
.proli li img{ width:22px; height:auto; vertical-align:middle; margin-right:6px;}
.proli ul li a:hover{ color:#f7f408;}

#pro_tj_lx { margin-bottom: 0; width: 100%; overflow: hidden; }
#pro_tj_lx_tel { width: 100%; margin:10px auto; overflow: hidden; }
#pro_tj_lx_tel p { background: url(../images/dianhua.gif) no-repeat 0 center; text-indent:0; font-size: 14px; padding: 10px 1% 0 40px; text-align: left; float: left;}
#pro_tj_lx_tel p strong{ font-weight:normal;}
#pro_tj_lx_tel span { color: #f81618; font-weight: bold; margin-right: 8px; margin-top: 6%; /* float: right; */ width: auto; font-size: 20px; margin-left: 5px; }
#pro_tj_lx a { padding: 1.5% 6%; float: left; color: #fff; font-size: 26px; display: inline-block; text-align: center; font-weight: bold; margin-top: 25px; }
#pro_tj_lx a.line-zixun { background: #FF3A3B; }
#pro_tj_lx a.line-order { background: #16345A; margin-left: 15px; }
#Context .protext #pro_tj_lx_tel p{ color:#333;}
#Context #pro_tj_lx_tel p a:hover{ text-decoration:none;}
#Context .protext #pro_tj_lx_tel span{ color:#ef2218;}



/* news */
.cpbk{width:288px; float:left;border:1px #ddd solid;    background-color: #fff;}
.cpbk li{height:40px; line-height:40px;border-bottom: 1px #ddd dashed; background:url(../images/copy.png) no-repeat 4px 12px;}
.cpbk li:hover{border-bottom: 1px #feac0a solid;}
.cpbk li a{width:95%; float:left;padding-left:22px;}
.news{width:900px; float:right;}
.new{width:49%; float:left;border:1px #ddd solid;    background-color: #fff;}
.new_tit{width:98%; background:#3f9d36; height:40px;padding-left:2%; font-size:16px; font-weight:600;color:#fff; line-height:44px;margin-bottom:8px;}
.new_tit a{float:right;padding:0 4px; font-size:14px; font-weight:500; background:#feac0a;color:#fff; line-height:26px;margin-top:6px; margin-right:4px;}
.new li{height:40px; line-height:40px;border-bottom: 1px #ddd dashed; background:url(../images/copy.png) no-repeat 4px 12px;}
.new li:hover{border-bottom: 1px #feac0a solid;}
.new li a{width:80%; float:left;padding-left:22px;}
.new li span{width:10%;float:right; text-align:right;padding-right:8px;}

.hyzs{width:49%;float:right;border:1px #ddd solid;    background-color: #fff;}
.hyzs li{height:40px; line-height:40px;border-bottom: 1px #ddd dashed; background:url(../images/copy.png) no-repeat 4px 12px;}
.hyzs li:hover{border-bottom: 1px #feac0a solid;}
.hyzs li a{width:80%; float:left;padding-left:22px;}
.hyzs li span{width:10%;float:right; text-align:right;padding-right:8px;}

.case{width:1200px; height:auto; margin-top:38px;margin-bottom:20px;}
.scrollleft{width:100%;padding:5px 0;margin:12px auto;}
.scrollleft li{float:left;margin-right:8px;display:inline;width:240px; text-align:center;}
.scrollleft img{width:220px;height:185px;padding:5px;border:solid 2px #3f9d36;}
.scrollleft img:hover{border-bottom: 2px #feac0a solid;}
/* friendlink */
.flink{margin-top:20px;border:1px #ddd solid;}
.flink img{margin-top:4px;}
.flink a{padding:10px;}

/* foot */
.bottom{border-top:3px solid #feac0a; margin-top:16px;background:#3f9d36;color:#fff;}
.bottom a{color:#fff;}
.foot_lyb{width:50%;float:left;}
.foot_bq{width:42%;float:right;padding-top:30px;line-height:36px;}
/* sub_main */
#sub_tit {
	LINE-HEIGHT: 40px; HEIGHT: 40px; overflow:hidden; background:url(../images/tit01.gif) no-repeat bottom left; font-size:16px; border-top:5px #ddd solid;}
#sub_tit p{ font-size:16px;padding-left:35px;font-weight:bold;}
.content {LINE-HEIGHT: 28px; margin:9px 0;}
#h_right h1{font-size:14px; text-align:center;}
.picnews {PADDING-BOTTOM: 3px; CLEAR: both;}
.picnews DL {MARGIN: 1px auto; OVERFLOW: hidden;}
.picnews DL DD {TEXT-ALIGN: center; LINE-HEIGHT: 31px; MARGIN: 10px 6px 0px 7px; WIDTH: 208px; HEIGHT:213PX;DISPLAY: inline; FLOAT: left;}
.picnews DL DD A IMG {BORDER-BOTTOM: #dddddd 1px solid; BORDER-LEFT: #dddddd 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; WIDTH: 185px; HEIGHT:149PX;PADDING-RIGHT: 5px;   BORDER-TOP: #dddddd 1px solid; BORDER-RIGHT: #dddddd 1px solid; PADDING-TOP: 5px;}
.picnews DL DD A:hover IMG {BORDER-BOTTOM: #ecbac8 1px solid; BORDER-LEFT: #ecbac8 1px solid; BORDER-TOP: #ecbac8 1px solid; BORDER-RIGHT: #ecbac8 1px solid;}
.picnews DL DD A {DISPLAY: block;}
.picnews ul li{ border-bottom:dashed 1px #CCCCCC; text-align:left;width:90%; color:#666666; background:url(../images/copy.png) no-repeat 4px 12px; line-height:34px; height:34px;}

.picnews ul li a{width:85%; float:left;padding-left:22px;}


.pagelink {
	height: 32px;
	padding: 20px 205px;
}
.pagelink ul {
	float: right;
	padding: 0;
	font-size: 14px;
}
.pagelink ul li {
	float: left;
	font-family: 'microsoft yahei';
	margin: 0 2px;
	line-height: 30px;
	padding: 0 10px;
	background: #fff;
	border: 1px solid #3f9d36;
}
.pagelink ul li a {
	float: left;
	color: #555;
	display: block;
}
.pagelink ul li:hover {
	text-decoration: none;
	color: #fff;
	border: 1px #3f9d36 solid;
	background-color: #3f9d36;
}
.pagelink ul li:hover a {
	color: #fff;
}
.pagelink ul li:hover a:hover {
	color: #fff;
	text-decoration: none;
}
.pagelink ul li.thisclass {
	background-color: #3f9d36;
	padding: 0 10px;
	color: #fff;
	border: 1px #3f9d36 solid;
}
.pagelink ul li.thisclass a {
	color: #fff;
}
.pagelink strong {
	font-weight: normal;
}


.fl{float:left;padding-left:12px;padding-bottom: 14px;padding-right:12px;}
.container{ margin:20px 10px 0px 10px; line-height:28px;}
.container p{ margin-bottom:30px; line-height:28px;}
#right h3{ font-size:18px; color:#000;margin-top:20px;margin-bottom:20px;}
#div{ font-size:12px; float:right; line-height:26px; margin-right:15px;}
.fr_1{ float:right;}
.fr{ float:right; width:15%;text-align:right;}
/* page */
.page{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; float:left; width:100%; margin-top:12px;}
.page a,.page span{display:block;color:#390;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:18px} /* span鍜岄摼鎺?*/
.page a:hover, .page a.current{color:#F44; border:1px solid #F44} /* 褰撳墠閾炬帴鏈夋縺娲绘椂 */
.page input{padding:0px;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px;}
/* 下一篇 */
.prenext{line-height:40px;border-top-width:1px;border-top-style:dashed;border-top-color:#ccc;padding-right:10px;padding-left:10px;  white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:20px;font-weight:bold;}
.prenext .pre{float:left;width:50%} /* 上一篇 */
.prenext .next{text-align:right;float:right;width:50%} /* 下一篇 */
 

.xf {float: right;position: fixed;z-index: 9999;top: 195px;left: 0px;width: 160px;text-align: center;background-color: #FFF;padding-top: 5px;}
.xf span {line-height: 30px;text-align: center;width: 100%;float: left;}


.lx_con{ max-width:900px; margin:0 auto; overflow:hidden;}
.lx_info{   padding:20px 30px; background:url(../images/bg_lx.png) repeat; margin:50px  auto;}
.lx_info h1{ color:#111; font-size:34px;}
.lx_info b{ width:50px; height:3px; margin:15px 0 10px; background-color:#F90016; display:block;}
.lx_info p{ color:#333; line-height:30px; font-size:16px; line-height:30px;}
.lx_info p img{ width:30px; height:30px; margin-right:5px;}
.lx_info ul{ clear:both; overflow:hidden; margin:15px 0 15px -1%;}
.lx_info ul li{ float:left; width:56%; margin-left:1%;}
.lx_info ul li.lx_zx{ width:42%;}
.lx_info ul li img{ float:left; width:64px; margin-right:10px;}
.lx_info ul li a{ float:left; color:#333; font-size:18px;}
.lx_info ul li a i{ display:block; color:#F90016; font-size:22px; font-weight:bold; margin-top:5px;}
.lx_info ul li a i font{ font-size:30px;}
.lx_info ul li.lx_zx a i{ text-decoration:underline; margin-top:8px;}


.red{ color:#F00;}
#form1 #reset {
	margin-right: 20px;
	height: 27px;
	width: 86px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #FFF;
	background-color: #3bc6ff;
	list-style-type: none;
}
#form1 #submit {
	background-color: #939393;
	height: 27px;
	width: 86px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	list-style-type: none;
	color: #FFF;
	margin-top: 15px;
}
#form1 td{
	background: none;
	padding-right: 9px;
	color: #333;
}
      /*客服漂浮窗口*/

.fixed{width:180px;position:fixed;top:180px;right:20px;z-index:10;height:378px;box-shadow:0px 0px 8px #666;border-radius:6px;}

.fixed .fix_box{height:360px;background:#fff;border-radius:6px;}

.fixed .topbox{background:#feac0a;padding:10px 12px 11px 12px;border-radius:6px 6px 0 0;}

.fixed .zx_box{padding-left:2px;}

.fixed .zx_box h1{color:#fff;font-size:14px;}

.fixed .zx_box span{display:block;color:#5c7fad;font-size:10px;}

.fixed .close_btn{position:absolute;top:22px;right:15px;z-index:100001;cursor:pointer}

.fixed .qqbox li{height:42px;border-bottom:1px solid #fff;background:#f5f5f5;padding:0 26px;line-height:43px}

.fixed .qqbox li:nth-child(7n){border-bottom:none}

.fixed .qqbox li a{display:block;background:url(images/qq.png) no-repeat left center;padding-left:30px}

.fixed .qqbox li a span{color:#666;font-size:12px} 

.fixed .hotline{padding-left:26px;padding-top:10px;padding-bottom:6px}

.fixed .hotline h2{color:#666;font-size:12px;background:url(images/tel.png) no-repeat left 1px;padding-left:30px}

.fixed .hotline span{display:block;color:#c2281b;font-size:18px;font-family:Arial, Helvetica, sans-serif;padding-top:10px}

.fixed .phone span{display:block;color:#666;font-size:12px;line-height:20px}

.fixed .phone span em{color:#0164d5}

.fixed .phone{padding-left:26px;}

.fixed .sao_ewm{width:120px;margin:0 auto;text-align:center}

.fixed .sao_ewm img{width:105px;height:105px;border:1px solid #ccc;padding:6px}

.fixed .sao_ewm p{color:#666;font-size:12px;margin-top:8px}


.proList{width: 100%;overflow: hidden;}
.proList_con{width: 1160px;margin:20px auto;}
.proList_con ul{width: 100%;overflow: hidden;}
.proList_con ul li{width: 356px;margin-right: 46px;height: 450px; background: #f1f1f1;float: left;margin-bottom: 30px;}
.proList_con ul li:nth-child(3n+3){margin-right: 0;}
.proList_con ul li a{display: block;width: 100%;overflow: hidden;}
.proList_con ul li a h2{font-size: 16px;height:36px;line-height: 36px; overflow: hidden;padding-bottom: 10px;	margin: 10px 20px 12px; border-bottom: 1px solid #ddd;text-align: center;}
.proList_con_detail{width: 356px;height: 236px;overflow: hidden;}
.proList_con_detail img{width: 356px;display: block;transition:all 0.5s ease;}
.proList_con ul li a p{padding:6px 26px 30px;line-height: 26px;}
.proList_con ul li a:hover img{transform: scale(1.05);}


/* nav   starting */
.nav{width: 100%;overflow:hidden;border-bottom: 1px solid #ccc; }
.nav .nav_con{width: 1160px;margin:0 auto;height: 40px;overflow:hidden;}
.nav .nav_con p{line-height: 40px;}
.nav .nav_con p a{padding:0 10px;}

.fa-circle:before {
    content: "\f111";
}
